<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>医保核查截图工具</title>
	<link rel="stylesheet" href="../static/css/index.css" />
</head>
<body>
	<div class="window">
		<div class="window-content">
			<div class="pane-group">
				<div class="pane-mini sidebar">
					<nav class="nav-group">
						<div class="nav-group-item-noactive">
							<button class="btn btn-large btn-primary" id="btnCapture">开始截图</button>
						</div>
						<div class="nav-group-item" id="btnConfig">
							<span class="icon icon-cog"></span>
							配 置
						</div>
						<div class="nav-group-item" id="btnKeyboard">
							<span class="icon icon-keyboard"></span>
							快捷键
						</div>
						<div class="nav-group-item" id="btnAbout">
							<span class="icon icon-info-circled"></span>
							关 于
						</div>
					</nav>
				</div>
				<div class="pane">
					<div class="config" id="configBox">
					  	<div class="box-item">
					  		<input type="checkbox" id="launchInput">
					  		<label for="launchInput" id="launchLabel">开机是否自动启动截图工具</label>
					  	</div>
					  	<div class="box-item">
					  		<input type="checkbox" id="hideInput">
					  		<label for="hideInput" id="hideLabel">截图时是否隐藏当前窗口</label>
					  	</div>
					  	<div class="box-item">
					  		<input type="checkbox" id="toolInput">
					  		<label for="toolInput" id="toolLabel">是否保存截图各工具的大小和颜色选择</label>
					  	</div>
					  	<div class="box-item box-item-disabled">
					  		<input disabled type="checkbox" id="miniInput" checked>
					  		<label for="miniInput" id="miniLabel">点击关闭按钮最小化窗口</label>
					  	</div>
					  	<div class="box-item box-item-disabled">
					  		<input disabled type="checkbox" id="clipboardInput" checked>
					  		<label for="clipboardInput" id="clipboardLabel">总是将截图复制到"剪切板"</label>
					  	</div>
					</div>
					<div class="keyboard" id="keyboardBox">
						<div class="box-item">
							<label>截图快捷键：</label>
					  		<p class="keyboard" id="captureKeyBox"></p>
					  		<span class="icon icon-pencil" id="btnSetCaptureKey"></span>
					  		<span class="icon icon-trash" id="btnDelCaptureKey"></span>
					  	</div>
					  	<div class="box-item">
							<label>显示快捷键：</label>
					  		<p class="keyboard" id="showKeyBox"></p>
					  		<span class="icon icon-pencil" id="btnSetShowKey"></span>
					  		<span class="icon icon-trash" id="btnDelShowKey"></span>
					  	</div>
					  	<div class="box-item box-item-disabled">
							<label>退出截图键：</label>
					  		<p class="keyboard">ESC</p>
					  		<span class="icon icon-pencil"></span>
					  		<span class="icon icon-trash"></span>
					  	</div>
					  	<div class="box-item box-item-disabled">
							<label>隐藏快捷键：</label>
					  		<p class="keyboard" id="hideKeyBox"></p>
					  		<span class="icon icon-pencil"></span>
					  		<span class="icon icon-trash"></span>
					  	</div>
					  	<div class="box-item box-item-disabled">
							<label>退出快捷键：</label>
					  		<p class="keyboard" id="quitKeyBox"></p>
					  		<span class="icon icon-pencil"></span>
					  		<span class="icon icon-trash"></span>
					  	</div>
					</div>
					<div class="about" id="aboutBox">
						<img src="../static/icons/logo.png" class="logo">
					  	<div class="box-item box-about">
							<p id="versionBox"></p>
					  	</div>
					  	<div class="box-item box-about">
							<p>作者：徐德明</p>
					  	</div>
					  	<div class="box-item box-about">
							<p>邮箱：xudeming208@126.com</p>
					  	</div>
					  	<div class="box-item box-about">
							<p>GitHub：<span id="github" class="github">https://github.com/xudeming208<span></p>
					  	</div>
					</div>
				</div>
			</div>

			<div class="tips-wrap" id="tipsWrap">
				<span class="icon icon-check"></span>
				<p id="tipsContent"></p>
			</div>
		</div>
	</div>
	<script src="../static/js/index.js"></script>
</body>
</html>